<template>
  <div class="qa-sentinel-root">
    <el-descriptions class="sentinel-qa-desc" label-class-name="sentinel-qa-desc-label" title="流量统计折线图说明（Line）"
      :column="2" border>
      <el-descriptions-item label="图示" :span="2">
        <img src="@/assets/imgs/guardcat/sentinel/ChartLineLegend.png" />
      </el-descriptions-item>
      <el-descriptions-item label="Success">
        成功的请求数，包含通过的<span class="succ-clr" style="font-weight: bold;"> (Pass) </span>和阻塞<span class="warn-clr"
          style="font-weight: bold;"> (Block)
        </span>的请求。
      </el-descriptions-item>
      <el-descriptions-item label="Exception">
        异常的请求数，正常通过的请求发生了异常，均为 <span class="fail-clr" style="font-weight: bold;">(Exception)</span> 请求
      </el-descriptions-item>
      <el-descriptions-item label="Block">
        阻塞的请求数，Rest接口的由 <span>【expand-sentinel-springmvc】</span> 包统一进行拦截。
      </el-descriptions-item>
      <el-descriptions-item label="RT">
        请求的平均响应时间
      </el-descriptions-item>
    </el-descriptions>
  </div>
</template>

<style scoped lang="scss">
.qa-sentinel-root {
  @include box(100%, 100%);

  :deep(.el-descriptions__label.el-descriptions__cell.is-bordered-label) {
    width: 90px;
  }
}
</style>